*{
    margin: 0;
    padding: 0;
    /* 移除外边框 */
    outline: none;
    /* 怪异盒模型 */
    box-sizing: border-box;
}

/* 取消 a 的下划线 */
a{
    text-decoration: none;
}

/* 清除 ul 的默认样式（小符号） */
ul{
    /* list-style: none; */
}

/* 清除浮动 */
.clearfix::before,
.clearfix::after {
    content: '';
    display: table;
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}


/* 单行省略 */
.ellipsis {
    /* 不换行 */
    white-space: nowrap;
    /* 超出部分隐藏 */
    overflow: hidden;
    /* 超出部分用省略号代替 */
    text-overflow: ellipsis;
}


/* 多行省略 */
.ellipsis-more {
    /* 设置为弹性盒子 */
    display: -webkit-box;
    /* 超出部分隐藏 */
    overflow: hidden;
    /* 垂直排列 */
    -webkit-box-orient: vertical;
    /* 显示行数 */
    -webkit-line-clamp: 3;
}